<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>联系我们</title>
    <link rel="stylesheet" href="../css/bootstrap.css" />

    <link rel="stylesheet" href="../css/onlineMessage.css" />
    <link rel="stylesheet" href="../css/contactWe.css" />
    <script src="../lib-flexible-2.0/index.js"></script>
  </head>

  <body>
    <div class="opacityBox">
      <h1>-联系我们-</h1>
      <nav>
        <img src="../images/logo.png" alt="" />
        <ul>
          <li>首页</li>
          <li>公司简介</li>
          <li>客户案例</li>
          <li>产品展示</li>
          <li>新闻中心</li>
          <li>人才招聘</li>
          <li>在线留言</li>
          <li>联系我们</li>
          <li class="hoverDiv"></li>
        </ul>
      </nav>
    </div>

    <article>
      <div class="context">
        <img src="../images/222.jpg" alt="" />
        <div class="right">
          <h3 class="text-primary">鞍山阳天冶金能源技术</h3>
          <p class="text-primary">
            Anshan Yangtian metallurgical energy technology
          </p>
          <h5>咨询电话：0412-8051680、8051690</h5>
          <h5>公司地址：辽宁省鞍山市铁西区钢西路132号</h5>
          <h5>电子邮箱：hyhxg@163.com</h5>
        </div>
      </div>
    </article>

    <!-- 底部 第三部分 -->
    <footer>
      <main>
        <div class="bottom-nav1">
          <div class="left">
            <img
              width="150px"
              height="60px"
              src="https://oss.lcweb01.cn/joomla/20220620/a9d1432be53c65ccb7965f1c7936546f.png"
              alt=""
            />
          </div>
          <div class="right">
            <ul style="display: flex; justify-content: space-between">
              <li><a style="color: white" href="">首页</a></li>
              <li><a style="color: white" href="">公司简介</a></li>
              <li><a style="color: white" href="">客户案例</a></li>
              <li><a style="color: white" href="">产品展示</a></li>
              <li><a style="color: white" href="">新闻中心</a></li>
              <li><a style="color: white" href="">人才招聘</a></li>
              <li><a style="color: white" href="">在线留言</a></li>
              <li><a style="color: white" href="">联系我们</a></li>
            </ul>
          </div>
        </div>
        <div class="bottom-nav2">
          <ul>
            <li>
              <i
                style="
                  width: 60px;
                  height: 60px;
                  background: url(https://oss.lcweb01.cn/joomla/20220627/09ab1c948da5f11b77e50e9435d62db2.png)
                    no-repeat;
                  background-size: cover;
                "
              ></i>
              <div>
                <p style="padding-top: 5px">咨询电话</p>
                <h3>0412-8051680、8051690</h3>
              </div>
            </li>
            <li>
              <i
                style="
                  width: 60px;
                  height: 60px;
                  background: url(https://oss.lcweb01.cn/joomla/20220627/023ee23f75b958eae694bf64a5ec47a6.png)
                    no-repeat;
                  background-size: cover;
                "
              ></i>
              <div>
                <p style="padding-top: 5px">公司地址</p>
                <h3>辽宁省鞍山市铁西区钢西路132号</h3>
              </div>
            </li>
            <li>
              <i
                style="
                  width: 60px;
                  height: 60px;
                  background: url(https://oss.lcweb01.cn/joomla/20220627/c302cec4622d8bfb4fb6c2108b8b07e6.png)
                    no-repeat;
                  background-size: cover;
                "
              ></i>
              <div>
                <p style="padding-top: 5px">电子邮箱</p>
                <h3>hyhxg@163.com</h3>
              </div>
            </li>
            <li>
              <i
                style="
                  background: url(https://oss.lcweb01.cn/jzt/ff2657e1-6c9c-47ab-a3e5-9250a1ea5523/image/20220707/8f094beb8f027a69ef9d6a75f23aadce.png)
                    no-repeat;
                  background-size: cover;
                "
              ></i>
              <p style="padding-top: 5px; text-align: center">扫一扫</p>
            </li>
          </ul>
        </div>
      </main>
      <div class="bottom-text">
        <p>
          版权所有 &nbsp;鞍山阳天冶金能源技术有限公司&nbsp;&nbsp;
          <a href="#" target="_blank">辽ICP备18012886号-2</a>&nbsp;
          <a href="#" target="_blank">营业执照</a>&nbsp;&nbsp;
          <a href="#" target="_blank">技术支持：鞍山龙采</a>
        </p>
        <p>网站部分资源来自互联网公开渠道 如有侵权请及时联系本司删除</p>
      </div>
    </footer>

    <!--  移动端显示的 -->
    <div class="mobile-nav">
      <ul>
        <li>
          <a href="">
            <img
              width="26"
              height="26px"
              src="https://oss.lcweb01.cn/joomla/20210522/c14e2e8ed512cc6f52bd3e71e981ac07.png"
              alt=""
            />
            <p style="color: white">首页</p>
          </a>
        </li>
        <li>
          <a href="">
            <img
              width="26"
              height="26px"
              src="https://oss.lcweb01.cn/joomla/20210522/0766490a26bd7b99b77b4d5f7eaaa590.png"
              alt=""
            />
            <p style="color: white">电话</p>
          </a>
        </li>
        <li>
          <a href="">
            <img
              width="26"
              height="26px"
              src="https://oss.lcweb01.cn/joomla/20210522/f3fffe51c1777cd44598e9097261569a.png"
              alt=""
            />
            <p style="color: white">短信</p>
          </a>
        </li>
        <li>
          <a href="">
            <img
              width="26"
              height="26px"
              src="https://oss.lcweb01.cn/joomla/20210522/71259ca4027d1cf7458dcb0db69b1871.png"
              alt=""
            />
            <p style="color: white">产品</p>
          </a>
        </li>
      </ul>
    </div>
  </body>
</html>
